<template>
	<div>
		<div class="my-card-bcg">
			<div class="my-card-bcg-child">
				<img src="../../../../assets/wzs.jpg" alt="">
				<span class="uname-card">王占胜</span>
				<span class="uname-timers">web前端·21届</span>
			</div>
		</div>
	</div>
</template>

<script>
</script>

<style lang="scss">
	.my-card-bcg{
		position: relative;
		width: 100%;
		height: 220px;
		background-image: url(../../../../assets/bcg.jpg);
		background-size: cover;
		.my-card-bcg-child{
			position: absolute;
			color: #fff;
			width: 100%;
			height: 100%;
			display: flex;
			flex-direction: column;
			justify-content: center;
			align-items: flex-start;
			padding: 20px;
			box-sizing: border-box;
			background-color: rgba(42, 42, 42, 0.6);
			img{
				width: 80px;
				height: 80px;
				border-radius: 50%;
				padding: 5px;
			}
			.uname-card{
				font-weight: bold;
				font-size: 25px;
				padding: 5px 0 5px 5px;
			}
			.uname-timers{
				font-size: 15px;
			}
		}
	}
</style>
